@charset "utf-8";
/* CSS Document */
.HUI_top{ display:none;}	
	
.xm-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:30px 0 0 0;}
.xm{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.xm_bt{ width:100%; height:110px; text-align:center;}
.xm_bt h3{ height:70px; background:url(../images/bt_x.jpg) no-repeat center bottom;}
.xm_bt h3 a{ line-height:40px; font-size:24px; font-weight:normal;}
.xm_bt h3 a span{ font-size:18px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding-left:10px;}
.xm_bt p{ display:block; height:20px; line-height:20px; font-size:16px; padding-top:20px;}
.xm_tp{ width:100%; height:auto; overflow:hidden; margin:40px auto;}
.xm_tp .item{ width:96%; height:auto; float:left; margin:0 2%;}
#owl-xm .owl-buttons{ display:none;}
#owl-xm .owl-pagination{ display:none;}
.con{ width:100%; height: 270px; float: left; position: relative; cursor: pointer;}
.con img{width:100%;height: 270px;}
.txt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fff; background:rgba(35,151,68,0.6);}
.txt h3 a{ font-weight: normal; color:#fff;}
.txt p a{ color:#fff; font-size: 34px; display: block;}

.cp-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:0 0 50px 0;}
.cp{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.cp_tp{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.cp_tp ul li{ width:18%; height:auto; overflow:hidden; margin:0 1%; border:1px solid #ccc; float:left; padding:2%;}
.serIco{width: 103px; height: 103px; text-align: center; margin:10px auto;}
.serIco1{width: 103px; height: 103px; text-align: center; margin:10px auto;}
.serTitle{ width:100%; height:30px; line-height: 30px; font-size: 18px; color: #000000; text-align: center; padding-bottom:5px; }
.serIntro{ width:100%; height:auto; overflow:hidden; text-align: center; line-height: 24px; color: #484848;  border-bottom: 1px dotted #8d8d8d; padding-bottom:20px;}
.serLink{width: 120px; height:35px; line-height:35px; border:1px solid #ccc; border-radius:4px; text-align:center; margin:30px auto 0 auto; }
.cp_tp ul li .serIco1{ display:none;}
.cp_tp ul li:hover .serIco1{ display: block;}
.cp_tp ul li:hover .serIco{ display:none;}
.cp_tp ul li:hover .serTitle{ color:#fff; transition: all ease .5s;}
.cp_tp ul li:hover .serIntro{ color:#fff; transition: all ease .5s;}
.cp_tp ul li:hover .serLink{ color:#fff; transition: all ease .5s;}
.cp_tp ul li:hover:hover{ background-color:#239744;transition: all ease .5s;}


.al_box{ width:100%; height:700px; background:url(../images/al-bj.jpg) repeat;}
.al{ width:100%; height:auto; overflow:hidden;}
.al_bt{ width:100%; height:180px; padding-top:50px; text-align:center; background:url(../images/al_bit.png) no-repeat bottom center;}
.al_bt h3{ background:url(../images/al_bt.png) no-repeat center; height:44px; line-height:44px; font-size:26px; font-weight:normal; color:#239744;}
.al_bt h3 a{ color:#239744;}
.al_bt span{ display:block; height:44px; line-height:44px; font-size:22px; font-weight:bold; color:#fff; padding-top:30px;}
.al_bt span i{ color:#f48000; font-style:normal;}
.al_bt em{ display:block; font-size:10px; letter-spacing:1px; color:#b8d1e5; font-style:normal;}
.al_tp{ width:100%; height:auto; padding-bottom:100px; overflow:hidden; margin-top:40px;}
.al_tp .item { display: block; background-color:#fff;text-align:center; margin:0px 3%; padding:6px;}
.al_tp .item img { display: block; width: 100%;height: 210px;}
.al_tp .item p{ width:100%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;font-size:16px; }
.al_tp .item p:hover{ color:#239744;}
#owl-al .owl-pagination{ display:none;}
.owl-buttons .owl-prev{ left:46%; background-image:url(../images/event_slick_prev.png)!important; }
.owl-buttons .owl-next{ right:46%; background-image:url(../images/event_slick_next.png)!important;}
.owl-buttons .owl-prev:hover{ background-image:url(../images/event_slick_prevh.png)!important;}
.owl-buttons .owl-next:hover{ background-image:url(../images/event_slick_nexth.png)!important;}
#owl-al .owl-buttons .owl-prev,#owl-al .owl-buttons .owl-next{ width: 34px!important; height: 47px!important; margin-top:-23px; font-size:0px!important; padding:0px!important; border-radius:0px!important; position:absolute; top:320px;}

.about-box{ width:100%; height:auto; overflow:hidden; background-color:#ffffff; padding:50px 0 100px 0;}
.about{ width:100%; height:auto;}
.about-bt{ width:100%; height:auto; text-align:center;width: 100%;}
.about-bt .d-h3 { font-size: 30px; line-height: 30px;}
.about-bt .d-h3 a{ color: #333;}
.about-bt .d-xian { text-align: center; margin: 10px auto 10px;}
.about-bt .d-h4 { color: #999; font-size: 18px; line-height: 24px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.about-nr { margin-top: 30px; padding-bottom: 40px; line-height: 30px; color: #666; font-size: 16px; text-align:center;}
.about-shuzi{ width:84%; height:auto; margin:0 auto;}
.about-shuzi ul li{ width:32%; height:auto; text-align:center; float:left;border-left: 1px solid #ccc;}
.about-shuzi ul li:first-child{ border-left: none;}
.about-shuzi ul li .shuzi{line-height: 50px; font-size: 16px; color: #595959;}
.about-shuzi ul li .shuzi span{ font-size: 44px; color: #333; vertical-align: middle; margin-right: 5px; font-weight: bold;}
.about-shuzi ul li .miaoshu{ color: #666; margin: auto; font-size: 18px; line-height: 30px;}
.about-shuzi ul li:hover .shuzi span{ color: #239744;}

.youshi-box{ width:100%;background-image: url(../images/bg.jpg); height: 310px;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative;}
.youshi{ width:100%; height:310px;}
.youshi ul{ padding-top:80px; }
.youshi li{ width:20%; position:relative; display:block; overflow:hidden; float:left; text-align:center;}
.youshi li .pic_box{ width:100%; position:relative; text-align:center;}
.youshi li img{ width:110px; height:110px; display:block; margin:0 auto 20px auto;}
.youshi li h1{overflow:hidden; text-align:center; line-height:18px; color:#fff; font-size:14px; text-align:center; display:block;  }
.youshi li h1 strong{ display: block;}

.news-box{ width:100%; height:auto; overflow:hidden; background:url(../images/xwbg.jpg) no-repeat center; padding:50px 0 100px 0;}
.news{ width:100%; height:auto;}
.news-nr{ width:100%; height:auto; margin-top:50px;}
.news-left{ width:46%; height:auto; overflow:hidden; float:left;}
#owl-news { width: 100%; margin-left: auto; margin-right: auto;}
#owl-news .item{ display: block;}
#owl-news .item .tu{width: 100%;}
#owl-news .item .tu img{ width: 100%; height: 400px; vertical-align: middle;}
#owl-news .item .itemzi{ width:100%; height:auto; margin-top:25px;}
#owl-news .item .itemzi .news-date{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#owl-news .item .itemzi .news-date span{ font-size:14px; color: #239744; text-transform:uppercase; padding-left:8px;}
#owl-news .item .itemzi .news-tit{ font-size:18px; height:40px; line-height:40px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#owl-news .item .itemzi .news-info{ font-size:14px; line-height:22px; height:44px; color:#888888; overflow:hidden;}
#owl-news .item .itemzi .news-more{ font-size:14px; color:#888888; font-style:normal; padding-top:26px; display:block; text-transform:uppercase;}

.news-right{ width:50%; height:auto; overflow:hidden; float:right; border-top:1px solid #e5e5e5;}
.news-right ul li{ border-bottom:1px solid #e5e5e5; padding:24px 0;}
.news-right ul li .news-date{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.news-right ul li .news-date span{ font-size:14px; color: #239744; text-transform:uppercase; padding-left:8px;}
.news-right ul li .news-tit{ font-size:18px; height:40px; line-height:40px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
.news-right ul li .news-info{ font-size:14px; line-height:18px; height:36px; overflow:hidden; color:#666;}
.news-right ul li .news-more{ width:110px; font-size:14px; font-style:normal; padding-top:14px; display:block; text-transform:uppercase;}
.news-right ul li .news-more a{ color:#666;}
.news-right ul li .news-tit a:hover{color: #239744;transition: all ease .5s;}
.news-right ul li .news-more a:hover{ color:#239744;transition: all ease .5s;}
.news-right ul li:hover .news-more { background: url(../images/more.png) no-repeat bottom right; transition: all .5s;}

.nybanner{ width:100%; height:auto; background-color:#fff;}
.nybanner img{ width:100%; min-height:150px;}

.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}
.imghover.inherit{ overflow:inherit;}
.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.topmenu-box{ width:100%; height:55px; border-bottom:1px solid #eaeaea;}
.topmenu{ width:100%; height:55px;}
.topmenu-l{ height:55px; float:left;}
.topmenu-l ul li{ height:55px; line-height:55px; float:left; margin-right:45px;}
.topmenu-l ul li a{ font-size:16px; color:#666;}
.topmenu-l ul li.gaoliang{ border-bottom:3px solid #f48000;}
.topmenu-l ul li.gaoliang a{ color:#f48000;}
.topmenu-r{ float:right; line-height: 56px; height:56px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;}
.topmenu-r span, .position a, .position i{ font-size:12px; color:#8a8c8e;}
.topmenu-r em{ font-size:12px; color:#10578e; font-style:normal;}
.topmenu-r a:hover{ color:#10578e;}.xinwen ul { overflow:hidden;}

.xinwen-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:50px 0;}
.xinwen{ width:100%; height:auto; overflow:hidden;}
.xinwen ul li{ width:30.33%; height:auto; overflow:hidden; position:relative; display:block; overflow:hidden; background:#f9f9fa; float:left; float:left; margin:20px 1.5%;}
.xinwen ul li a{ display:block;}
.xinwen .pic_box{ width:100%; height:200px; background:#000; }
.xinwen .pic_box img{width:100%; height:200px;}
.text_box{ width:90%; height:auto; overflow:hidden; padding:20px 5%;}
.text_box h1 a{ white-space: nowrap; overflow:hidden;text-overflow: ellipsis; font-size:18px; font-weight:bold; display:block; margin-bottom:20px;}
.text_box p{ font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden;}
.text_boxi span{ margin-top:2px; display:block; font-size:14px; color:#999;}
.fot_box{ width:90%; height:auto; overflow:hidden; padding:0 5% 20px 5%;}
.fot_box span{color:#a1a1a1; font-size:14px; }
.fot_box a{ float:right;background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
.xinwen ul li:hover img{ opacity:0.5; alpha(opacity=50);}
.xinwen ul li:hover{ box-shadow:0 0 10px #aaa; transition:all 0.5s; }
.xinwen ul li:hover .text_box h1 a{ color:#239744; transition:all 0.5s;}
.xinwen ul li:hover .fot_box a:hover{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; }

.chanpin01-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:50px 0;}
.chanpin01{ width:100%; height:auto; overflow:hidden;}
.chanpin01 ul li{ width:94%; height:auto; overflow:hidden; position:relative; display:block; overflow:hidden; float:left; margin:20px 1.5%; border:1px solid #cdcdcd; padding:2%;}
.serLeft{float: left; width: 174px; padding: 20px;}
.serlIco{width: 103px; height: 103px; margin: 24px auto 0; text-align: center; }
.serlTitle{margin: 14px 0 0; line-height: 36px; text-align: center; font-size: 18px; color: #000000; }
.serRight{overflow: hidden; float: left; width: 72%; border-left: 1px dotted #8d8d8d; padding: 20px 50px; }
.serLabel{line-height: 32px; font-size: 18px; color: #333; }
.serLabel span{margin: 0 20px 0 0; }
.serSum{padding: 15px 0 20px; line-height: 24px; color: #666; }
.serDet{ display:block;width: 120px; height:35px; line-height:35px; border:1px solid #ccc; border-radius:4px; text-align:center; margin:10px 0;}
.chanpin01 ul li .serDet:hover{ background-color:#239744; color:#fff;transition: all ease .5s;}

.chanpin-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:50px 0;}
.chanpin{ width:100%; height:auto; overflow:hidden;}
.chanpin ul li{ width:30.33%; height:auto; overflow:hidden; position:relative; display:block; overflow:hidden; float:left; margin:20px 1.5%; border-bottom:1px solid #cdcdcd;}
.chanpin ul li .main_txt{ overflow:hidden;  padding:0 30px 0 10px;  display:block; background:url(../images/icon_case_jt.png) 340px center no-repeat;}
.chanpin ul li .main_txt strong{display:block; height:50px; line-height:50px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; color:#565555; font-size:16px; font-weight:normal;}
.chanpin ul li:hover{ border-bottom:1px solid #239744; transition:all 0.5s;}
.chanpin ul li:hover .main_txt:hover{ background:url(../images/icon_case_jt_hover.png) 345px center no-repeat; transition:all 0.5s;}
.chanpin ul li:hover .main_txt strong{ color:#239744; transition:all 0.5s;}

.main_img{ height: 280px; width: 100%; overflow:hidden; position: relative;}
.main_img img{
	height: 280px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    height:280px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index:2;
}
.main_img .show .imgArea {
    left:50%; margin-left:-16px;
	bottom:0;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea img{ width:32px; height:32px;}
.chanpin ul li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.chanpin ul li:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%; left:50%; margin-left:-16px;}
.chanpin ul li:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

.chanpin-tp{ width:98%; height:auto; overflow:hidden; margin:0 auto; position: relative; background:#f9f9f9; border: 1px solid #d3d7d8;}
.chanpin-tp-l{ width:53%; height:480px; float:left; padding:3%; border-right: 1px solid #d3d7d8;}
.chanpin-tp-l img{ width:100%; height:480px;}
.chanpin-tp-r{ width:34%; height:480px; float:right; padding:30px 3%;}
.up h1{ margin-bottom:15px; font-size:18px; display:block;}
.up .ar_article{ height:188px; overflow:hidden; font-size:14px; line-height:24px; color:#666;}
.un{ padding-top:20px; border-top:1px solid #cdced5;}
.un .tel_box{ margin-bottom:8px; background:url(images/icon_tel_pro.png) left 12px no-repeat; padding-left:15px;}
.un span{ font-size:14px;}
.un strong{ padding-left:10px; font-size:25px; color:#239744;}
.un .link_box .box{ display:inline-block;  }
.ewm_box{ cursor:pointer; position:relative;}
.ewm_box .ewm{  position:absolute; right:-80px; top:0; opacity:0;filter:alpha(opacity=0); z-index:-1; display:none; }
.ewm_box:hover .ewm{ opacity:1;filter:alpha(opacity=100);z-index:3;  display:block; }
.chanpin-xq{ width:98%; height:auto; overflow:hidden; margin:30px auto;}
.xq-title{ height:40px; line-height:40px;}
.xq-title strong{ background:#239744; display:inline-block; font-size:16px; color:#fff; padding:0 25px; font-weight:normal;}
.xq-title span{ display:inline-block; color:#239744; padding-left:10px; font-size:14px; text-transform:uppercase; font-family: "Arial";}
.xq-cont{ margin-bottom:60px; font-size:14px; line-height:28px; letter-spacing:1px; color:#666; padding:40px; border:1px solid #dde0e4;}
#ar_fot{ position:relative; border-bottom:1px solid #ddd; height:40px;margin-top: 50px;}
#ar_fot h1{ display:block; font-size:14px; line-height:40px; max-width:45%;}
#ar_fot h1 a{ font-size:14px; font-weight:normal;}
#ar_fot h1 a:hover{ color:#f48000;}
#ar_fot .bnt_box{  display:block; position:absolute; left:50%; bottom:-1px; margin-left:-90px; background:#fff; width:180px;}
#ar_fot .bnt_back{color:#fff; background:#f48000; margin:0 auto; width:100px; display:block; text-align:center; font-size:14px; height:40px; line-height:40px;}
#ar_fot .bnt_back:hover{ background:#004785;}

.lianxi-wz{ width:100%; height:auto; overflow:hidden;}
.lianxi-l{ width: 45%;line-height: 30px;font-size: 16px; float:left;}
.lianxi-l img{ width: 140px;height:140px;}
.lianxi-r{ width: 50%; float:right;}
.lianxi-r .xs{ width: 100%;}
.lianxi-r .xs input{ width: 32%;border: 1px solid #ccc;box-sizing: border-box;font-size: 14px;color: #999;height: 46px;padding: 0 2%;display: block;margin-left: 2%;float: left;}
.lianxi-r .xs input:first-child{margin-left: 0;}
.lianxi-r textarea{ width: 100%;border: 1px solid #ccc;box-sizing: border-box;font-size: 14px;color: #999;height: 162px;
line-height: 40px;margin-top: 24px;outline: none;resize: none;padding: 0 2%;font-family: Microsoft YaHei}
.lianxi-r .tj{ width: 170px;background-color: #239744;text-align: center;line-height: 48px;font-size: 16px;color: #fff; margin-top: 20px;cursor: pointer; border:none;}
.lianxi-dt{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.neirong-map{ margin-top:30px;}

.zhaopin{ width: 100%;padding-bottom: 60px;}
.zhaopin .ti{ width: 100%;}
.zhaopin .ti li{ width: 100%;border-bottom: 1px solid #f0f0f0;}
.zhaopin .ti li .nth{ padding: 0 2%;line-height: 70px;font-size: 16px;color: #666;cursor: pointer;}
.zhaopin .ti li.active .nth{ background-color: #007cc9;color: #fff;border-bottom: 0;}
.zhaopin .ti li .nth .biaot{ width: 85%;}
.zhaopin .ti li .nth .biaot a{ color: #666;}
.zhaopin .ti li .nth .biaot ul{ width: 100%;}
.zhaopin .ti li .nth .biaot ul li{ width: 25%; text-align:center; font-size: 15px; float:left;border-bottom: 0 !important;}
.zhaopin .ti li.active .nth .biaot a{ color: #fff;}
.zhaopin .ti li .nth .jj{ width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 20px;color: #007CC9;margin-top: 20px; border: 1px solid #007CC9;border-radius: 50%;}
.zhaopin .ti li.active .nth .jj{ color: #fff;border-color: #fff;}
.zhaopin .ti li .nnr{ padding: 18px 2% 40px;font-size: 14px;color: #666;line-height: 30px;display: none;}
.zhaopin .ti li .nnr .more{ color: #a4a4a4;margin-top: 24px;display: block;}
.zhaopin .ti li .nnr .more:hover{ color: #f48000;}
.zhaopin-zd { width:100%; background: #444444; height: 60px;}
.zhaopin-zd ul{ width:85%;}
.zhaopin-zd ul li{ width:25%; text-align:center; height: 60px; line-height: 60px; color: #fff; font-size: 15px; float:left;}

.xinwen-time{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}
.xinwen-time h1{ font-size: 20px; display:block; text-align:center; margin-bottom:20px; font-weight: bold; }
.xinwen-time h2{  font-size:12px;  display:block; text-align:center; color:#888888; }
.xinwen-nrxq{ padding-top:20px; min-height:300px; line-height:28px; font-size:14px; letter-spacing:1px; color:#666;}
.xinwen-nrxq img { max-width: 100% !important; height: auto !important; text-align:center; margin: 15px 0;}

.honor-box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:0 0 50px 0;}
.honor{ width:100%; height:auto; overflow:hidden;}
#n_zizhi{ overflow:hidden; margin-top:30px;}
#n_zizhi ul { margin:0 -25px -50px -25px; overflow:hidden;  }
#n_zizhi li{ float:left; width:21%; margin:0 2%; margin-bottom:30px; display:block;}
#n_zizhi li a{ display:block;  }
#n_zizhi li .pic_box{ width:100%; height:330px; display:table; overflow:hidden; border:10px solid #dfdfdf; background-color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#n_zizhi li .pic_box .box{display:table-cell; vertical-align:middle; }
#n_zizhi li img{ width:240px; max-height:330px; height:auto; display:block; }
#n_zizhi li span{  display:block; padding-top:17px; font-size:14px; color:#555555; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_zizhi li:hover .pic_box{ }
#n_zizhi li:hover span{color:#f48000;}

#n_shebei{ overflow:hidden; margin-top:30px;}
#n_shebei ul { margin:0 -25px -50px -25px; overflow:hidden;  }
#n_shebei li{ float:left; width:31%; margin:0 1%; margin-bottom:30px; display:block;}
#n_shebei li a{ display:block;  }
#n_shebei li .pic_box{ width:100%; height:200px; display:table; overflow:hidden; border:2px solid #dfdfdf;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; background-color:#fff;}
#n_shebei li .pic_box .box{display:table-cell; vertical-align:middle; }
#n_shebei li img{ width:100%; height:217px; display:block; }
#n_shebei li span{  display:block; padding-top:17px; font-size:14px; color:#555555; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_shebei li:hover .pic_box{ }
#n_shebei li:hover span{color:#f48000;}

/*zoom*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}

#zoom img{display:block; max-height:600px; background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}
#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}
#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#da4f49}
#zoom .next:hover,#zoom .previous:hover{background-color:#08c}

.page { margin:0px auto 0px auto;}
.page .box{display:inherit; width:100%;  text-align: center; padding-top: 50px;}
.page a{ padding:0 12px; height:28px; line-height:28px; display:inline-block; border:1px solid #dcdcdc; margin:0 2px;  color:#fff; color:#444444; font-size:12px; }
.page .on{ background:#239744; color:#fff !important;border:1px solid #239744;}
.page span{ background:#239744; color:#fff !important;border:1px solid #239744; padding: 4px 10px;}
.page a:hover{ background:#239744; color:#fff !important; text-decoration:none; border:1px solid #239744; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari å’Œ Chrome */
-o-transition: all 1s; /* Opera */}

@media screen and (max-width:767px){
	
.top-box{ display:none;}	
.HUI_top{ display:block;}	
	
.xm-box { padding: 0;}
.about-bt .d-h3 { font-size: 18px; line-height: 18px;}
.about-bt .d-xian { margin: 5px auto 5px;}
.about-bt .d-h4 { font-size: 14px; line-height: 20px;}
.txt h3 a { font-size: 14px;}
.xm_tp { margin: 20px auto;}

.cp_tp ul li { width: 47%; height:300px; margin-bottom:20px;padding: 0;}
.serIco img{ width:80px; height:80px;}
.serIco { width: 80px; height: 80px;}
.serIco1 img{ width:80px; height:80px;}
.serIco1 { width: 80px; height: 80px;}
.serIntro { font-size: 12px;}
.serTitle { font-size: 15px;}
.serLink { margin: 15px auto 0 auto;height: 30px; line-height: 30px;}
.cp-box { padding: 0 0 20px 0;}

.al_box { height: 610px;}
.al_bt h3 { font-size: 18px;}
.al_bt span { height: 40px; line-height: 40px; font-size: 14px; padding-top: 10px;}
.al_bt { height: 160px; padding-top: 40px;}
.al_tp .item p { line-height: 36px; font-size: 14px;}
.owl-buttons .owl-prev { left: 38%;}
.owl-buttons .owl-next { right: 38%;}

.about-box { padding: 40px 0 60px 0;}
.about-nr { margin-top: 20px; padding-bottom: 30px; line-height: 26px; font-size: 13px;}
.about-shuzi { width: 100%;	}
.about-shuzi ul li .shuzi span { font-size: 26px;}
.about-shuzi ul li .miaoshu { font-size: 14px; line-height: 15px;}

.youshi-box {display: none;}

.news-box { padding:0 0 40px 0; background:none;}
.news-left { width: 100%;}
.news-right { width: 100%;}
#owl-news .item .itemzi .news-tit { font-size: 16px; height: 36px; line-height: 36px;}
#owl-news .item .itemzi { margin-bottom: 25px; padding-bottom: 20px;}
.news-right ul li .news-tit { font-size: 16px; height: 36px; line-height: 36px;}
#owl-news .item .tu img { height: 308px;}
.news-nr { margin-top: 30px;}

.nybanner{ height:auto;}
.nybanner img{ min-height:150px;}
.topmenu-r{ display:none;}
.topmenu-box { height: 45px;}
.topmenu-l { width:100%; height: 45px;}
.topmenu-l ul li { height: 45px; line-height: 45px; margin-right: 30px;}
.topmenu-l ul li a { font-size: 16px;}
.xinwen-box { padding: 20px 0;}
.xinwen ul li { width: 100%; margin: 10px 0;}
.text_box h1 a { font-size: 16px; margin-bottom: 10px;}
.lianxi-l { width: 100%; line-height: 28px; font-size: 14px;}
.lianxi-r { width: 100%; margin-top:20px;}
.lianxi-r .xs input { width: 100%; height: 42px; margin-left:0; margin-bottom:20px;}
.lianxi-r textarea { margin-top: 0px;}
.lianxi-r .tj { width: 150px; line-height: 40px; font-size: 14px; margin-top: 26px;}
.chanpin-box { padding: 30px 0;}

#n_zizhi { margin-top: 0px;}
#n_zizhi ul { margin: 0;}
#n_zizhi li { width: 80%; margin: 0 10%; margin-bottom: 30px; display: block; text-align:center;}
#n_zizhi li img { width: 100%; max-height: 300px;}
#n_zizhi li .pic_box { height: 300px; border: 8px solid #dfdfdf;}
.xinwen-time h1 { font-size: 16px; margin-bottom: 10px;}
.chanpin ul li { width: 100%;margin: 20px 0;}

.chanpin01 ul li { width: 95%; margin: 20px 0; text-align:center;}
.serLeft { width: 100%; padding: 0;}
.serRight { width: 90%; border-left:none; padding: 0 5%;}
.serLabel { line-height: 22px; font-size: 15px;	}
.serDet { margin: 10px auto;}
#n_shebei { margin-top: 0px;}
#n_shebei ul { margin: 0;}
#n_shebei li { width: 96%; margin: 0 2%; margin-bottom: 20px;}
#n_shebei li img { height: auto;max-height:inherit;}


#ar_fot h1 {max-width: inherit; width:100%; border-bottom: 1px solid #ddd;}
#ar_fot { border-bottom: none; height: auto; margin-top: 30px;}
#ar_fot .bnt_back {display: none;}

.xinwen-nrxq img { width: 100% !important; height: auto !important; margin: 10px 0;} 

	
}